<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习路径 - 站酷高高手 - 独家插画,品牌,平面,视觉,UI,运营设计,摄影艺术课程培训</title>
		<link rel="stylesheet" type="text/css" href="../css/learningPath.css" />
		<link rel="shortcut icon " type="images/x-icon" href="../images/favicon.ico">
		<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1928280_qwgawtadv1.css" />
	</head>
	<body>
		<div class="header">
			<div class="navigation contain">
				<div class="nav-item">
					<a href="#" class="logo">
						<span class="logo-green"></span>
						<span class="logo-blok"></span>
					</a>
					<a href="course.html">
						<div class="item-text" onclick="window.open('course.html','_self')">首页</div>
					</a>
					<a href="#">
						<div class="item-text">全部课程</div>
					</a>
					<a href="#">
						<div class="item-text">直播课</div>
					</a>
					<a href="#" >
						<div class="item-text learning" >
							<p id="default">学习路径</p>
							<div class="learning-path">
								<ul>
									<li><a href="#">运营设计一键加分</a></li>
									<li><a href="#">插画师职业进击指南</a></li>
									<li><a href="#">职业UI设计师进击指南</a></li>
									<li><a href="#">电商设计指南</a></li>
									<li><a href="#">全部学习路径</a></li>
								</ul>
							</div>
						</div>
						
					</a>
					<a href="#">
						<div class="item-text">限免课程</div>
					</a>
				</div>
				<div class="search-item">
					<div class="search-box">
						<input type="text" placeholder="设计策略" />
						<img src="../images/icon-sousuo.png">
		
					</div>
					<div class="botton">
						<span>登录</span>
						<span>|</span>
						<span>注册</span>
					</div>
				</div>
			</div>
		</div>
	
		<!-- --------------------------content:中部 ------------------------------------>
		<div class="content">
			<div class="learn-path contain">
				<div class="name-title">
					<p>学习路径</p><div class="cake"></div>
				</div>
				<span>针对职业或兴趣技能，分阶段、有节奏、贴前沿，一键输出循序渐进、系统科学的知识体系。</span>
				<div class="learn-path-nav">
					<div class="path-nav-item"><a  id="selected" href="#">全部</a></div>
					<div class="path-nav-item"><a href="#">平面视觉</a></div>
					<div class="path-nav-item"><a href="#">绘画插画</a></div>
					<div class="path-nav-item"><a href="#">UI设计</a></div>
					<div class="path-nav-item"><a href="#">摄影艺术</a></div>
					<div class="path-nav-item"><a href="#">影视广告</a></div>
				</div>
			</div>
			
			<!-- ---------------------------------------------路径区域:path-items-----------------------------------： -->
			<!-- ---------------------------------------------路径区域-----------------------------------： -->
			<!-- ---------------------------------------------路径区域-----------------------------------： -->
			
			
			<div class="path-items contain">
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200708/1594201922326.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20200213/1581576573412.jpg">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20191022/1571749579476.jpg">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>职业UI设计师进击指南</span>
							<p>一套课程构建UI设计师专业能力模型，稳步走上加薪晋升之路。</p>
							<div class="learn-data">
								<span class="color-red">5<p id="text">个阶段</p></span>
								<span class="color-red">5<p id="text">门课</p></span>
								<span class="color-red">23<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				
				
				
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200708/1594201950296.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20200331/1585638560237.jpg">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20200514/1589448542906.">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>插画师职业进击指南</span>
							<p>插画绘制基础、流行风格技法、职业发展全攻略，一套课程搭建商业插画师成长体系。</p>
							<div class="learn-data">
								<span class="color-red">3<p id="text">个阶段</p></span>
								<span class="color-red">3<p id="text">门课</p></span>
								<span class="color-red">21<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200709/1594267099702.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20200514/1589448542906.">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20200409/1586397376105.jpg">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>运营设计一键加分</span>
							<p>插画、合成、3D、动效，4门课程掌握设计师多项加分技能，运营设计更加游刃有余</p>
							<div class="learn-data">
								<span class="color-red">4<p id="text">个阶段</p></span>
								<span class="color-red">4<p id="text">门课</p></span>
								<span class="color-red">30<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200709/1594267116825.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20191012/1570847035819.jpg">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20200331/1585638915321.jpg">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>电商设计养成</span>
							<p>从基础海报、到主图车图详情页、再到广告合成综合训练，一套课程掌握电商设计专业技能！</p>
							<div class="learn-data">
								<span class="color-red">3<p id="text">个阶段</p></span>
								<span class="color-red">4<p id="text">门课</p></span>
								<span class="color-red">19<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				
				
				
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200709/1594267146534.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20191014/1571031541269.jpg">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20200423/1587607664398.jpg">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>产品摄影技术大牛</span>
							<p>资深商业摄影师，一套课程解决各个类型产品摄影技术难关</p>
							<div class="learn-data">
								<span class="color-red">2<p id="text">个阶段</p></span>
								<span class="color-red">5<p id="text">门课</p></span>
								<span class="color-red">9<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200709/1594267163176.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20180822/1534910365876.jpg">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20200401/1585709641526.jpg">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>运营设计一键加分</span>
							<p>插画、合成、3D、动效，4门课程掌握设计师多项加分技能，运营设计更加游刃有余</p>
							<div class="learn-data">
								<span class="color-red">3<p id="text">个阶段</p></span>
								<span class="color-red">5<p id="text">门课</p></span>
								<span class="color-red">12<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				
				
				
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200709/1594267183057.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20190130/1548841256991.jpg">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20190103/1546481024449.jpg">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>视频制作通用入门</span>
							<p>四步学会做视频，零基础小白一举点亮拍摄、剪辑、后期包装、调色技能树</p>
							<div class="learn-data">
								<span class="color-red">4<p id="text">个阶段</p></span>
								<span class="color-red">4<p id="text">门课</p></span>
								<span class="color-red">32<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				
				
				
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200709/1594267198925.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20200528/1590647107876.jpeg">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20200410/1586504925562.jpg">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>CG绘画功底全打牢</span>
							<p>6步练好CG绘画必备基本功，打牢未来绘画能力的根基</p>
							<div class="learn-data">
								<span class="color-red">3<p id="text">个阶段</p></span>
								<span class="color-red">6<p id="text">门课</p></span>
								<span class="color-red">18<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				
				
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200709/1594267215877.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20181022/1540207058510.jpg">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20200417/1587110758299.jpg">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>业余摄影通用入门</span>
							<p>由浅入深拆解摄影的道、法、术、器，给你正确的摄影入门姿势</p>
							<div class="learn-data">
								<span class="color-red">3<p id="text">个阶段</p></span>
								<span class="color-red">3<p id="text">门课</p></span>
								<span class="color-red">38<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				
				
				<div class="path-item">
					<div class="learn-img">
						<div class="learn1">
							<img src="https://image.gogoup.com/20200709/1594267232467.jpg">
						</div>
						<div class="learn2">
							<img src="https://image.gogoup.com/course/20191009/1570624137645.jpg">
						</div>
						<div class="learn3">
							<img src="https://image.gogoup.com/course/20190927/1569594476655.jpg">
						</div>
					</div>
					<div class="learn-infomation">
						<div class="learn-infomation-text">
							<span>从0到1学会水彩手绘</span>
							<p>从基础绘制技术到氛围情绪表达，层层递进，一套课程助你从0-1掌握水彩全套技法</p>
							<div class="learn-data">
								<span class="color-red">3<p id="text">个阶段</p></span>
								<span class="color-red">3<p id="text">门课</p></span>
								<span class="color-red">13<p id="text">小时</p></span>
				
								<span class="ico-redu"><img src="../images/redu.png">
									<p>12353</p>
								</span>
							</div>
				
						</div>
				
					</div>
				</div>
				
				
				
				
			</div>
			<p class="the-end"><span></span>THE END<span></span></p>
		</div>
		
		
		
		<!-- -----------------footer---------------- -->
		<!-- -----------------footer---------------- -->
		<!-- -----------------footer---------------- -->
		<div class="footer">
			<div class="link contain">
				<div class="footer-header contain">
					<div class="footer-header-img">
						<a href="#"><img class="footer-logo1" src="../images/icon-gogoup-footer2.svg"></a>
						<a href="https://www.zcool.com.cn/"><img class="footer-logo2" src="../images/icon-footer.png"></a>
					</div>
					<div class="its-website">
						<p>站酷旗下产品</p>
						<ul>
							<li><a href="#">站酷社区</a></li>
							<li><a href="#">站酷海洛</a></li>
						</ul>
					</div>
					<div class="about">
						<p>关于站酷高高手</p>
						<ul>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">用户协议</a></li>
						<li><a href="#">隐私政策</a></li>
						<li><a href="#">意见反馈</a></li>
						<li><a href="#">微博主页</a></li>
						</ul>
						
					</div>
					<div class="service">
						<p>客服</p>
						<ul>
						<li class="service-item"><a href="#">010_5638600</a><a href="#">9:30_18:00</a></li>
						
						<li class="service-item"><a href="#" class="on-line">在线客服</a><a href="#">9:30_18:00</a></li>
						
						
						</ul>
						
					</div>
					<div class="code">
						<div class="code-item">
							<span>站酷高手APP</span>
							<img src="../images/icon-code-app.svg"/>
						</div>
						<div class="code-item wechat">
							<span>微信公众号</span>
							<img src="../images/icon-code-wechat.svg"/>
						</div>
					</div>
					
					
				</div>
				<div class="copy">
					Copyright © 2015-2020 站酷高高手（ZCOOL GOGOUP）版权所有品牌、课程和网页设计版权由 北京站酷教育科技有限公司 持有，未经本公司允许，请勿建立镜像和其他违法用途
				</div>
				<div class="footer-copy">
					<span><a href="http://beian.miit.gov.cn/" target="_blank">京ICP备15003345号-1<span>|</span></a></span>
					<span><img src="//static.gogoup.com/new_static/img/pc2/home/icon-police-badge.png" /><a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502034774">京公网安备 11010502034774号<span>|</span></a></span>
					<span><a target="_blank" href="http://beian.miit.gov.cn">京ICP证 京B2-20181721<span>|</span></a></span>
					<span><a target="_blank" href="https://static.gogoup.com/plugin/images/icp-2.jpg?v=v2.5.108">广播电视节目制作经营许可证（京）字第08375号<span >|</span></a></span>
					<span><a target="_blank" href="https://static.gogoup.com/plugin/images/icp-3.jpg?v=v2.5.108">营业执照<span >|</span></a></span>
					<span>2.7.4</span>
				</div>
				
				
			</div>
		</div>
		
		
		<!-- -------------------------------------侧面小图标：float-window-------------------------------- -->
		<!-- -------------------------------------侧面小图标：float-window-------------------------------- -->
		<!-- -------------------------------------侧面小图标：float-window-------------------------------- -->
		<!-- -------------------------------------侧面小图标：float-window-------------------------------- -->
		<div class="float-window">
			<ul>
				<li>
					<p class="iconfont icon-kefu"></p>
				<span>联系客服</span>
				</li>
				<li>
					<p class="iconfont icon-info"></p>
					<span>意见反馈</span>
				</li>
				<li class="xiazai">
					<p class="iconfont icon-iphone"></p>
					<span>APP下载</span>
					<div class="f-w sj">
						<img src="../images/icon-code-app.svg"/>
						<span>扫码下载APP</span>
						<span>随时随地学设计</span>
					</div>
				</li>
				<li class="weixin">
					<p class="iconfont icon-weixin"></p>
					<span>关注有礼</span>
					<div class="f-w wx">
						<img src="../images/icon-code-wechat.svg"/>
						<span>首次关注公众号</span>
						<span>再领100元优惠券</span>
					</div>
				</li>
			</ul>
			<div>
				<a href="#" class="iconfont icon-shanghua"></a>
			</div>
		</div>
	</body>
</html>
